<template>
  <Person a="哈哈" :b="2" />
</template>

<script lang="ts" setup name="App">
import { reactive } from "vue";
import Person from "./components/Person.vue";
import { type Persons } from "@/types"

const personList = reactive<Persons>([
  {
    id: '122121',
    name: '小灿1',
    age: 12,
  },
  {
    id: '1221211',
    name: '小灿2',
    age: 13,
  },
  {
    id: '12212111',
    name: '小灿3',
    age: 14,
    x: 2121
  }
])

console.log(personList);


</script>
